@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}

body{font-family:"微软雅黑"; color:#333;}
ul,ol{list-style:none}s{text-decoration:none}
img{border:0}
table{border-collapse:collapse;border-spacing:0}
caption,cite,code,dfn,th,var{text-align:left;font-weight:normal;font-style:inherit;}
/* 表单 */
label{display:inline-block;*display:inline;*zoom:1}
button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}
.clearfix{overflow:hidden;zoom:1;}
.clear{ clear:both;}

/* 项目主体部分设置 */
body{background:#fff;color:#5f5f5f;font:12px/1.5 "\5fae\8f6f\96c5\9ed1",Arial;}
input,textarea{font-family:"\5fae\8f6f\96c5\9ed1",\5b8b\4f53,"microsoft yahei",Arial;vertical-align:middle}
.input{width:80%;border:1px solid #dedbd7;padding:1em .4em;font-size:12px;color:#666;}
.input:focus{box-shadow:0 0 5px 0 rgba(0,0,0,.2);}
a{color:#333;text-decoration:none;transition:all 0.2s linear 0s;}
a:hover{color:#06a610;text-decoration:none}
.spot{color:#79a306}
.ke-content{padding:20px;}
img{vertical-align:middle}

.fl{ float:left;}
.fr{ float:right;}

.top{ width:1120px; height:; margin:0 auto; height:108px;}
.top .topL{ width:540px; float:left; position:relative; margin-top:15px;}
.top .topL logo{ width:540px; height:70px; display:block; float:left; position:absolute;}
.top .topL span{ display:block; float:left; position:absolute; font-size:15px; left:92px; top:40px;color:#353535; font-family:"微软雅黑";}
.top .topL span label{ color:#00a81c;}

.top .tel{ float:right; background:url(../images/telIcon.jpg) left center no-repeat; padding-left:170px; margin-top:30px;}
.top .tel label{ font-size:22px; color:#ff5b0c; line-height:26px;}


.menuBg{ width:100%; background:#06a610; height:55px;}
.menu{ width:1125px; margin:0 auto; height:55px;}
#nav{ width:1125px; height:55px;}
#nav .mainlevel{float:left;width:125px;height:55px; line-height:55px;float:left;display:block;text-align:center;}
#nav .mainlevel a {color:#fff;text-decoration:none; height:55px;font-family:"微软雅黑";text-align:center; line-height:55px;display:block;font-size:16px; width:125px;}

#nav li.mainlevel a:hover{color: #fff; background:#ff6600;}


#nav li.hover a:hover,#nav li.hover a{color: #fff; background:#ff6600;text-decoration:none;}

#nav li.mainlevel:hover {color:#fff;width:125px;background:#ff6600;height:55px;text-decoration:none;}
.menu ul li#mainlevel_01{ width:125px;height:55px; line-height:55px;}

#nav .mainlevel .ulnav {display:none; position:absolute;padding:0;border-bottom:0px;width:170px;margin-left:0px; z-index:2;}
.ulnav ul{width:170px;float:left; margin:0px 0px;background-color:#06a610;padding:0px 0px 8px 0px;overflow: hidden;position: absolute;z-index: 2;}

#nav .mainlevel ul li {line-height:35px; height:35px;display:block;width:170px;text-align:center;float:left;}
#nav .mainlevel ul li a{color:#fff; font-family:"微软雅黑";line-height:35px; width:170px;height:35px;text-align:center;background:none;float:left;font-size:14px; padding-left:0px;}
#nav .mainlevel ul li a:hover{color:#fff;line-height:35px; width:170px;height:35px;background:none;text-decoration:underline; font-size:14px;background:none;}



/*---------- banner style ----------*/
.banner{ width:100%; height:450px; z-index:-9; margin:0px auto;}
.abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1120px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:5px; list-style:none;background:#fff;width:10px;height:10px;margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#ff6900; cursor:pointer;}
.banner, .banner a {height:450px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}

.whiteBg{ background:#fff; width:100%; }
.main1{ margin:60px auto 0px auto; width:1120px;}
.gywm{ width:1120px; float:left;}
.title1{ width:1120px; background:url(../images/titleBg.png) top center no-repeat; height:60px; float:left;}
.title1 span{ width:1120px; text-align:center; font-size:30px; height:30px; line-height:30px;color:#06a610; display:block; float:left; font-family:"微软雅黑";}
.title1 label{ font-size:18px; color:#ff6600; font-family:"微软雅黑"; text-transform:uppercase; width:1120px; text-align:center; height:30px; line-height:30px;}

.gywmBox{ width:1120px; float:left;}
.gywmBox span{ width:1120px; margin:20px 0px; float:left; display:block; font-size:15px; color:#565555; line-height:35px; text-align:center; font-family:"微软雅黑";}

.gywmBox ul{ width:1020px; margin:0px 50px; display:block; float:left;}
.gywmBox ul li{ width:78px; display:block; float:left; height:110px; margin:0 24px;}
.gywmBox ul li img{ width:78px; height:78px; display:block; float:left;}
.gywmBox ul li label{ width:78px; display:block; float:left; height:30px; line-height:30px; text-align:center; font-size:14px; color:#333; font-family:"微软雅黑";}


.grayBg{ background:#f2f2f2; width:100%; width:100%;}


.wmys{ width:1120px; float:left; margin:40px auto 0px auto;}

.wmysBox{ width:1120px; float:left; margin:30px auto;}
.wmysBox dl dt{ width:1120px; display:block; float:left;}
.wmysBox .ysBox{ width:510px; padding-top:50px;}
.wmysBox .ysBox .ysNum{ width:510px; float:left;height:30px;}
.wmysBox .ysBox .ysTitle{ width:510px; float:left; font-size:30px; margin-top:20px;font-weight:bold; color:#06a610; line-height:40px;font-family:"微软雅黑";}
.wmysBox .ysBox ul{ width:510px; float:left; display:block; margin-top:20px;}
.wmysBox .ysBox ul li{ background:url(../images/li_list1.jpg) 0px 10px no-repeat; padding-left:20px; width:490px; font-size:16px; color:#333; line-height:25px; margin-bottom:10px;}

.wmysBox .ysImg{ width:530px;}


.gcal{ width:1120px; margin:50px auto 30px auto;}

.gcalCont{ width:1120px; float:left; margin:30px auto;}
.flList{ width:259px; float:left;}
.flList h2{ width:255px; display:block; float:left;}
.de_nav{ width:253px; float:left; border:solid 1px #ccc; background:#f2f2f2; border-top:none; position:relative; padding:10px 0px;}
.de_nav dl{ width:253px; float:left; position:relative;}
.de_nav dl dt{ width:259px; height:36px; background:url(../images/de_nav_tit_bg.png) no-repeat; line-height:30px; color:#fff; font-weight:bold;float:left; position:relative; display:block; float:left;}
.de_nav dl dt a{ width:253px; display:block; float:left; font-size:16px;text-align:center; color:#fff;}
.de_nav dl dd{ width:253px; display:block; float:left;}
.de_nav dl dd a{width:190px;height:32px;border-bottom: 1px dashed #b2b2b2;background: url(../images/de_nav_ce.png) no-repeat 15px center;line-height:32px;padding-left: 40px;margin-left: 11px; display:block; float:left;}

.gczlMain{ width:840px; float:right;}
.gczlTitle{ width:840px; float:left;}
.gczlTitle ul{ margin-left:-12px;}
.gczlTitle ul li{ width:156px; height:42px; display:block; float:left; margin-left:12px; line-height:42px; color:#fff; text-align:center; font-size:16px; background:#06a610; cursor:pointer;}
.gczlTitle ul li.proHover{ background:#ff6600;}

.gczlBox{ width:840px; float:left;}
.gczlBox ul{ margin-left:-32px;}
.gczlBox ul li{width:255px; float:left;margin:30px 0px 0px 32px;}

.portfolio-img {margin-bottom: 10px;overflow: hidden; height:190px;}
.portfolio-img a {position: relative;}
.portfolio-img a, .portfolio-img img {width: 100%;display: block;overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; height:100%;}

.portfolio-img a:hover .opacity-overlay {filter: alpha(opacity=70);opacity: 0.7;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.portfolio-img a:hover img {transform: scale(1.2, 1.2) rotate(10deg);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.portfolio-item:hover img, .product-item:hover img, .scrollable-item:hover img {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.portfolio-title {line-height: normal;text-align: center;}
.portfolio-title h2 {font-size: 15px;line-height: 1.5;font-weight: normal;}
.portfolio-title a {}
.portfolio-title a:hover {text-decoration: none;}


.message  td , .message  th{font-weight:bold; font-size:16px; color:#333;} 

.cjwt{ width:275px; float:left;}
.title2{ width:275px; float:left; position:relative;height:30px;border-bottom:solid 1px #d6d6d6; margin-bottom:15px;}
.title2 .title2L{ position:absolute; border-bottom:solid 1px #06a610; height:30px; line-height:30px;}
.title2 .title2L span{float: left;font-size: 16px; font-weight:bold;}
.title2 .title2L  label{ color:#999; font-size:16px;}
.title2 .title2R{ float:right; line-height:30px;} 


.cjwt .list_lh{ width:275px; float:left; margin-top:0px; height:290px; overflow:hidden;}

.list_lh{ height:290px; overflow:hidden;}

.list_lh li{border-bottom:solid 1px #ebebeb; display:block; height:70px; padding-bottom:10px; margin-top:10px;}

.list_lh li p{ height:24px; line-height:24px;}
.list_lh li p a{ color:#333;font-size:14px;font-family:"微软雅黑";float:right; display:inline-block; width:250px;}
.list_lh li p label{ width:16px; height:16px;float:left; display:inline-block; margin-top:4px;}
.list_lh li p span{ font-size:12px; width:250px;color:#6e6e6e;font-family:"宋体";float:right; height:50px; overflow:hidden;}


.xwdt{ width:800px; float:right;}
.xwdt .title2{ width:800px; float:left;}

.xwdtCont{ width:800px; float:left;}
.xwdtCont ul{ margin-left:-40px;}

.xwdtCont ul li.news-item{ width:380px; float:left; position:relative;margin-left:40px; margin-top:20px;}

.xwdtCont ul li.news-item .news-item-l{ width:75px; float:left;width:75px;background-color: #f2f2f2;text-align: center;font-family: Arial}
.xwdtCont ul li.news-item .news-item-l .news-item-num{ width:75px; height:50px; line-height: 50px;border-bottom: 1px solid #fff;color: #666;font-size: 30px; display:block; float:left;}
.xwdtCont ul li.news-item .news-item-l .news-item-date{display:block;color:#999;line-height:22px;font-size:12px;width:75px;float:left;}

.xwdtCont ul li.news-item .news-item-box{ width:290px; float:right;}

.xwdtCont ul li.news-item .news-item-box .news-item-title{ width:290px; float:left; font-size:16px; font-weight:bold; height:30px; line-height:30px; overflow:hidden;}

.xwdtCont ul li.news-item .news-item-box .news-item-text{ width:290px; float:left; height:92px; line-height:23px; overflow:hidden;}


.footBg{ width:100%; background:url(../images/footBg.jpg) top center repeat-x; height:212px; margin-top:20px;}
.foot{ width:1120px; margin:0px auto;}
.foot .footL{ width:365px; height:44px; margin:40px 0px; padding:40px 30px 30px 0px; border-right:solid 1px #fff; float:left;}
.foot .footR{ width:680px; float:left; padding-top:40px; padding-left:40px; color:#fff; font-size:14px;}
.foot .footR span{ display:block; float:left; width:680px; line-height:25px; margin-bottom:10px;}
.foot .footR a{ color:#fff;}

.fTitle2{width:1120px; height:35px; line-height:35px; border-bottom:1px #CCC solid;}
.fTitle2 span{width:120px; height:34px; line-height:34px; border-bottom:1px #06a610 solid; font-size:16px; font-weight:bold; display:block; float:left;}
.fTitle2 span label{color:#999; font-weight:normal;}
.flinkCont{width:1100px; padding:10px; min-height:40px; line-height:200%; text-align:left;}

.INBanner{ width:100%; height:240px; background:#c2c2c2;}

.page{ width:1120px; margin:20px auto; height:auto;}
.page .pageL{ width:220px; float:left;}
.page .pageL .leftMenu{ width:220px; float:left;}
.page .pageL .leftMenu .leftMenuT{ width:220px; background:url(../images/leftTitle.jpg) top center no-repeat; padding:5px 0px; height:54px;}
.page .pageL .leftMenu .leftMenuT span{ width:220px; display:block; float:left; text-align:center; color:#fff; font-size:18px; height:34px; line-height:34px;}
.page .pageL .leftMenu .leftMenuT label{ width:220px; display:block; float:left; text-align:center; color:#fff; font-size:14px; height:20px; line-height:20px;}

.leftMenuBox{ width:190px; float:left; padding:10px 14px; border:solid 1px #dcdcdc; background:#f6f5f5; border-top:none;}
.leftMenuBox ul li{position: relative;border-bottom: 1px dashed #e6e6e6;}
.leftMenuBox ul li a{display:block;padding-top:12px;padding-bottom:12px;padding-right:10px;line-height:normal;color:#4d4d4d;font-size:14px;}

.leftMenuBox ul li i {display: block;width: 7px;height: 7px;overflow: hidden;position: absolute;top: 17px;right: 0;_right: 15px;background: url(../images/page-menu.gif) no-repeat 0 0;}
.leftMenuBox ul li a:hover {text-decoration: none;color: #ff6600;}
.leftMenuBox ul li:hover i {background-image: url(../images/page-menu-c.gif);}

.leftMenuBox ul li.current a {color: #ff6600;}
.leftMenuBox ul li.current i {background-image: url(../images/page-menu-c.gif);}

.leftMenuBox ul li dl dt{width:170px; padding-left:20px; background:url(../images/de_nav_ce.png) 10px center no-repeat;}

.page .pageR{ width:880px; float:right;}


.rightTitle{ width:880px; float:left; height:40px;border-bottom:solid 1px #b5b5b5;}

.INrightM1{float:left;height:40px; line-height:40px;width:210px;}
.INrightM1 span{position:relative; display:block; float:left;border-bottom:solid 1px #06a610; padding:0px 5px;font-size:20px; font-weight:bold; color:#06a610;}
.title_more{ float:right;height:40px; line-height:40px;font-size:13px; color:#333;text-transform:uppercase; padding-right:10px; background:url(../images/icon-home.png) left center no-repeat; padding-left:20px;}

/*in_about*/

.in_con{width:880px;height:100%;overflow:auto; background:#fff;float:left; }
/*about*/
#in_about{float:left;display:block;width:850px;padding:20px 15px;height:auto;font-size:12px;text-align:left;line-height:30px;}



/*--------新闻----------*/
#in_news{ width:880px; float:left; padding:20px 0px;}
#in_news ul li.news-item{ width:880px; float:left; position:relative;margin-bottom:20px;}

#in_news ul li.news-item .news-item-l{ width:75px; float:left;width:75px;background-color: #f2f2f2;text-align: center;font-family: Arial}
#in_news ul li.news-item .news-item-l .news-item-num{ width:75px; height:50px; line-height: 50px;border-bottom: 1px solid #fff;color: #666;font-size: 30px; display:block; float:left;}
#in_news ul li.news-item .news-item-l .news-item-date{display:block;color:#999;line-height:22px;font-size:12px;width:75px;float:left;}

#in_news ul li.news-item .news-item-box{ width:790px; float:right;}

#in_news ul li.news-item .news-item-box .news-item-title{ width:790px; float:left; font-size:16px; font-weight:bold; height:30px; line-height:30px; overflow:hidden;}

#in_news ul li.news-item .news-item-box .news-item-text{ width:790px; float:left; height:92px; line-height:23px; overflow:hidden;}


.pageNav{width:100%;height:30px;line-height:30px;margin:15px 0px;text-align:center; clear:both;}



/*-------产品中心-----*/

#in_pro ul li{width:255px; float:left;margin:30px 0px 0px 32px; height:340px; overflow:hidden;}

#in_pro ul li .portfolio-img{ width:255px;}

.title{font-size:16px; text-align:center; line-height:30px; height:30px; margin-bottom:10px; font-weight:bold; width:800px;  border:none; border-bottom:1px #CCCCCC dashed;}
.subtxt{width:800px; height:22px;  line-height:22px; text-align:center;}
.pernext{width:800px;height:auto; line-height:168%; text-align:left;margin:10px 0px; clear:both;}


